<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>产品报修</title>
		<link href="../../plugin/css/fonts/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../plugin/weui/css/weui.min.css">
		<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
		<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
		<link rel="stylesheet" href="../../plugin/layui/css/layui.css" media="all">

		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<link rel="stylesheet" type="text/css" href="../css/warranty.css" />
		<style>
		.weui-gallery__opr{
			display: none;
		}
		</style>
	</head>

	<body>
		<div class="content product-info">
			<div class="content-block-title">产品信息:</div>
			<div class="m-cell">
				<div class="cell-item">
					<div class="cell-left">服务类型</div>
					<!-- <input class="cell-right" type="text" value="报修" disabled="disabled" /> -->
					<div class="cell-right" style="padding:0.5rem 1rem;">报修</div>
				</div>
				<div class="cell-item">
					<div class="cell-left">产品名称</div>
					<input class="cell-right" type="text" id='showProductPicker' name="productName" placeholder="请选择" onclick="show()" />
					<i class="fa fa-angle-right"></i>
				</div>
				<div class="cell-item">
					<div class="cell-left">产品序列号</div>
					<input class="cell-right" type="text" id="serialNo" name="serialNo" placeholder="必填" />
					<i class="fa fa-question-circle"></i>
					<img class="ScanCode" src="../img/scanning.png" onclick="weChatScan(this)"/>
				</div>
				<div class="cell-item" style="display:none;">
					<div class="cell-left">产品图片</div>
					<input class="cell-right open-popup" type="text" id="productImage" name="productImage"/>
				</div>
				<div class="cell-item cell-item2">
					<div class="cell-left">上传发票</div>
					<div class="weui-uploader__bd" style="width:100%">
						<ul class="weui-uploader__files" id="uploaderFiles"></ul>
						<div class="weui-uploader__input-box">
							<input id="uploadBill" class="weui-uploader__input" type="file" accept="image/*"/>
						</div>
					</div>
				</div>
				<div class="cell-item cell-item3">
					<div class="cell-right">
						<textarea class="cell-right weui-textarea" name="problemDescCustomer" placeholder="请对产品问题进行描述，不少于10个字" rows="3"></textarea>
						<div class="addpic">
							<a href="#uploadPicVideo">
								<button type="button" class="layui-btn">上传图片/视频</button>
							</a>
						</div>
						<div class="layui-upload detailImg">
							<div class="layui-upload-list">
								<blockquote style="margin-top: 10px;">
									<div class="layui-upload-list" id="picsPlace"></div>
								</blockquote>
							</div>
							<div class="layui-form-item video" id="videoPlace" style="display: none;">
							</div>

						</div>
					</div>
				</div>
			</div>
			<p id="picserror"></p>
			<p id="vidoeerror"></p>

			<!--浏览删除图片-->
			<div class="weui-gallery" id="gallery">
				<span class="weui-gallery__img" id="galleryImg"></span>
				<div class="weui-gallery__opr">
					<a href="javascript:" class="weui-gallery__del">
						<i class="weui-icon-delete weui-icon_gallery-delete"></i>
					</a>
				</div>
			</div>

			<!--上传视频图片弹出框-->
			<div id="uploadPicVideo" class="mui-popover mui-popover-action mui-popover-bottom">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<!-- <input type="file" name="file" id="doc" multiple="multiple"  onchange="javascript:setImagePreviews();" accept="image/*" /> -->
						<div id="uploadpic">上传图片</div>
					</li>
					<li class="mui-table-view-cell">
						<div id="uploadVideo">上传视频</div>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#uploadPicVideo"><b>取消</b></a>
					</li>
				</ul>
			</div>

			<div class="content-block-title">客户信息：</div>
			<div class="m-cell custom-info">
				<div class="cell-item">
					<div class="cell-left">联系人</div>
					<input class="cell-right" type="text" name="customerName" placeholder="必填" />
				</div>
				<div class="cell-item">
					<div class="cell-left">联系电话</div>
					<input class="cell-right" type="tel" name="customerTel" placeholder="必填">
				</div>
				<div class="cell-item">
					<div class="cell-left">短信验证码</div>
					<input class="cell-right weui-input" type="text" name="verifyCode" placeholder="必填" />
					<button class="weui-vcode-btn" id="verifyCode">获取验证码</button>
				</div>
				<div class="cell-item">
					<div class="cell-left">所在地区</div>
					<input class="cell-right" type="text" name="address" id='city-picker' placeholder="请选择" onclick="show()" />
					<i class="fa fa-angle-right"></i>
				</div>
				<div class="weui-cell place">
					<input class="weui-input" type="text" name="customerAddress" placeholder="请填写详细地址，不少于5个字">
				</div>
			</div>
		</div>
		<footer class="footer" id="submitbill">
			<div>
				<button type="button" id="submitpics" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register">
			提交信息
		</button>
			</div>
		</footer>
	</body>

</html>
<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
<script src="../../plugin/jquery/jquery.cookie.js"></script>
<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
<script src="../../plugin/mui/js/mui.min.js"></script>
<script src="../../plugin/weui/js/city-picker.min.js"></script>
<script src="../../plugin/tencent/cos-js-sdk-v5.min.js"></script>
<script src="../../plugin/tencent/ugcUploader.js"></script>
<script src="../../plugin/layui/layui.js" charset="utf-8"></script>
<script src="../../plugin/wechat/jweixin-1.2.0.js" charset="utf-8"></script>

<script src="../../common/server.js"></script>
<script src="../../common/common.js"></script>
<script src="../../common/constant.js"></script>
<script src="../js/warranty.js"></script>